import { memo } from 'react';
import type { ReactNode, FC } from 'react';

import { SongsItemWrapper } from './style';
interface IProps {
  children?: ReactNode;
  name: string;
  tips: string;
}

const DaylySongs: FC<IProps> = (props) => {
  const { name, tips } = props;
  return (
    <>
      <SongsItemWrapper>
        <div className="img-top">
          <span className="weeks date">星期四</span>
          <span className="mday date">27</span>
        </div>
        <div className="text-buttom">
          <a href="">{name}</a>
          {tips && <span>{tips}</span>}
        </div>
      </SongsItemWrapper>
    </>
  );
};

export default memo(DaylySongs);
